<template name="skeleton">
  <view class="sk-container">
    <view class="dynamic-detail-content dynamic-detail-content data-v-758077d3 data-v-758077d3">
      <view is="node-modules/@dcloudio/uni-ui/lib/uni-title/uni-title" class="data-v-758077d3 data-v-758077d3">
        <view class="uni-title__box title--uni-title__box" style="align-items:flex-start">
          <text
            class="uni-title__base title--uni-title__base uni-h3 title--uni-h3 sk-transparent sk-text-14-2857-411 sk-text"
            style="color:#333333"
          >
            绿色出行进行时：为城市公共交通注入新活力
          </text>
        </view>
      </view>
      <text class="dynamic-detail-info data-v-758077d3 sk-transparent sk-text-14-2857-662 sk-text">
        2024-10-01T00:00:00 -
        admin
      </text>
      <view class="dynamic-detail-imgs dynamic-detail-imgs data-v-758077d3 data-v-758077d3">
        <image class="dynamic-detail-imgs-item data-v-758077d3 sk-image" mode="aspectFit" />
      </view>
      <view class="dynamic-detail-text data-v-758077d3 sk-transparent sk-text-19-2308-119 sk-text">
        今天在街头看到越来越多的人选择骑自行车出行，公共交通上也满是为环保贡献力量的市民。“绿色出行” 公共交通改善计划正在让我们的城市焕发出新的活力，一起为绿色未来加油！
      </view>
      <view class="dynamic-like dynamic-like data-v-758077d3 data-v-758077d3">
        <image class="dynamic-like-icon data-v-758077d3 sk-image" mode="scaleToFill" />
        <text
          class="dynamic-like-count data-v-758077d3 sk-transparent sk-text-14-2857-459 sk-text"
          style="color: rgb(153, 153, 153); background-position-x: 50%;"
        >
          3
        </text>
      </view>
    </view>
    <view class="dynamic-comment dynamic-comment data-v-758077d3 data-v-758077d3">
      <view class="dynamic-comment-input dynamic-comment-input data-v-758077d3 data-v-758077d3">
        <view
          class="dynamic-comment-textarea data-v-758077d3 sk-image" confirm-type="send" placeholder="文明交流"
          value="true"
        />
        <image class="dynamic-comment-input-send data-v-758077d3 sk-image" mode="scaleToFill" />
      </view>
      <view class="dynamic-comment-list dynamic-comment-list data-v-758077d3 data-v-758077d3">
        <view class="dynamic-comment-list-item dynamic-comment-list-item data-v-758077d3 data-v-758077d3">
          <image class="avatar data-v-758077d3 sk-image" mode="aspectFit" />
          <view class="comment comment data-v-758077d3 data-v-758077d3">
            <text class="comment-username data-v-758077d3 sk-transparent sk-text-14-2857-677 sk-text">
              admin
            </text>
            <text class="comment-text data-v-758077d3 sk-transparent sk-text-14-2857-912 sk-text">
              绿色出行不仅对环境有益，还能让我们的生活更加健康。看到大家积极响应，真的很开心，希望这种新风貌能一直持续下去。
            </text>
            <text class="comment-create-time data-v-758077d3 sk-transparent sk-text-14-2857-847 sk-text">
              2024-10-01T00:00:00
            </text>
          </view>
        </view>
        <view class="dynamic-comment-list-item dynamic-comment-list-item data-v-758077d3 data-v-758077d3">
          <image class="avatar data-v-758077d3 sk-image" mode="aspectFit" />
          <view class="comment comment data-v-758077d3 data-v-758077d3">
            <text class="comment-username data-v-758077d3 sk-transparent sk-text-14-2857-367 sk-text">
              lian
            </text>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<style scoped>
.sk-transparent {
  color: transparent !important;
}

.sk-text-27-5000-348 {
  background-image: linear-gradient(transparent 27.5000%, #EEEEEE 0%, #EEEEEE 72.5000%, transparent 0%) !important;
  background-size: 100% 76.9231rpx;
  position: relative !important;
}

.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}

.sk-text-14-2857-411 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.0769rpx;
  position: relative !important;
}

.sk-text-14-2857-662 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 35.0000rpx;
  position: relative !important;
}

.sk-text-19-2308-119 {
  background-image: linear-gradient(transparent 19.2308%, #EEEEEE 0%, #EEEEEE 80.7692%, transparent 0%) !important;
  background-size: 100% 50.0000rpx;
  position: relative !important;
}

.sk-text-14-2857-459 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 35.0000rpx;
  position: relative !important;
}

.sk-text-14-2857-677 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.0769rpx;
  position: relative !important;
}

.sk-text-14-2857-912 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.0769rpx;
  position: relative !important;
}

.sk-text-14-2857-847 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 35.0000rpx;
  position: relative !important;
}

.sk-text-14-2857-367 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.0769rpx;
  position: relative !important;
}

.sk-image {
  background: #EFEFEF !important;
}

.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
